/* @group CSS Reset */

/* Start CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset */



/* @end */

/* @group Worldwide Settings */

html{
    height : 100%;
    font: normal 12px/20px  'Helvetica Neue', Helvetica, Arial, Sans-Serif;
}

body {
    padding:0;
    margin:20px 12px;
    background-color:#fff;
}

body a, a:visited {
    color:#16C;
    text-decoration:none;
}

body a:hover {
    color:red;
}

body img {
    border:0px;
    vertical-align:middle;
}

body hr {
    border:1px solid #000;
}

pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}



/* @end */

/* @group Heading Styles */

h1 {font-size:3em; padding-bottom:5px}
h2 {font-size:2.5em; padding-bottom:5px}
h3 {font-size:2em; padding-bottom:5px}
h4 {font-size:1.5em; padding-bottom:5px}
h5 {font-size:1.4em; padding-bottom:5px}
h6 {font-size:1.25em; padding-bottom:5px}



/* @end */

/* @group Page */

#outer {
    min-height:100%;
    border-left:0px solid #52A5F2;
    margin-bottom:-60px;
    color: #000000;
}
                                  
* html #outer {
    height:100%;
}
                
#content {
    margin:10px 12px 20px 12px;
}



/* @end */

/* @group Title Styling */

#header {
    border-top:0px solid #52A5F2;
    border-bottom:0px solid #52A5F2;
    padding:50px 0 5px 0;
}

#description {
    font-size:10px;
}

#header .betaversion {
    font-size:10px;
    color:#777;
    text-align:right;
    right:1em;
    top:1em;
    position:absolute;
}



/* @end */

/* @group Navigation Bar */

#navigation {
    height:40px;
    font-size:12px;
    line-height:20px;
    text-align:center;
    background:#000;
}

#navigation a {
    font-weight:bold;
    padding:10px 9px;
    color:#fff;
}

#navigation a:hover {
    color:#000;
    background-color:#d8d8d8;   
}

#navigation img {
    padding:2px 5px 0 0;
    vertical-align:top;
}

#navigation .floatleft {
    float:left;
}

#navigation .floatright {
    float:right;
}

#nav-back {
    background-image:url('images/content/bhead.png');
    background-repeat:repeat-x;
    background-position:top left;
}



/* @end */

/* @group Footer */

#footer {
    border-top:5px solid #000;
    padding:5px 0 35px 0;
    margin-top:20px;
    font-size : 10px;
    font-style : normal;
    letter-spacing:1px;
    color:#ddd;
}

#footer a {
    text-decoration:none;
    border:0px;
}

#footer img {
    padding:0px 4px;
    vertical-align:middle;
}

* html #footer {
/*only ie gets this style*/\height:52px;
/* for ie5 */height:50px;
/* for ie6 */;
    }



/* @end */

/* @group Clear */

#clearheader {
    height:0px;
}
                 
#clearfooter {
    clear:both;
    height:40px;
}



/* @end */

/* @group Content */

div,p {
    margin-top:0;
    line-height: 15px;
}


.alert {
    padding: 10px 20px 10px 20px;
    font-size:14px;
    border: 2px solid #000;
    text-align : center;
}
                
.pageheadertext{
    font-size : 28px;
    font-style : normal;
    padding-bottom:10px;
}

.subheadertext{
    font-family: monospace;
    font-size : 20px;
    font-style : normal;
    background:#eee;
    padding:10px 5px;
}

.subheadertext2{
    font-size:16px;
    font-style : normal;
    font-weight : bold;             
    text-align: left;
    padding-bottom:10px;
}



/* @end */

/* @group Tables Styling */

.tableheader{
    background-color: #D3D3D3;
    font-weight : bold;
    text-align: center;
}

.tabletitle{
    font-weight : bold;
    text-align: left;
}

.tabledirtitle{
    background-color: #aaa;
    font-size:24px;                
    font-family: monospace;
    text-align: left;
    line-height:40px;
}

.tableusertitle {
    background-color: #ddd;
    line-height:30px;
    font-weight:bold;
}

.table{
    padding:0px;
    border: 1px solid #c3c3c3;
    width:100%;
    letter-spacing:1px;
}

.table a {
    text-decoration:none;
}
                
.td img{
    text-align:center;
}
                
div td,tr {
    vertical-align:middle;
    padding:4px;
}

div td:hover,tr:hover {
    background:#EDF6FA;
    color:#000;
}
                
.basicbox {
    border-style : solid;
    border-width :1px;
    border-color : #c3c3c3;
    padding:5px;
    font-family:monospace;
    overflow: auto;
    line-height:15px;
}

.basicbox ol, .basicbox li {
    list-style:decimal;
    margin-left:20px;
    color:#aaa;
}

.imagebox {
    border-style : solid;
    border-width :1px;
    border-color : #c3c3c3;
    padding:5px;
    text-align:center;
    overflow:auto;
}

.downloadbox {
    font-weight:bold;
    font-size:130%;
    text-align:center;
}

.evenrow{
    background-color: #FFFFFF;
}
                
.oddrow{
    background-color: #DCDCDC;
}
                
.indent{
    margin-left: 2em;
}
                
.tablealert{
    font-weight : bold;
    background:#FA8072;
}

.tableupdate {
    font-weight: bold ;
    background:#86CC78;
}
                
.tinytext{
    font-size : 9px;
}
                
del { background: #fcc;}
ins { background: #cfc;}

.servertime {
    float:right;
    font-size:12px;
    color:#ccc;
}



/* @end */

/* @group Forms Styling */

input {
	border: 1px solid #CCC;	
	padding:3px 3px;
}

input:hover {
	background-color: #EDF6FA;
}

input:focus {
	background-color: #ddd;
	border:1px solid #000;
}

input[type="image"] {
    background:#fff;
    border:0px;
}

textarea {
    margin-left:15px;
    border: 1px solid #CCC;	
	padding:5px 3px;
}

textarea:hover {
	background-color: #EDF6FA;
}

textarea:focus {
	background-color: #E6E6FF;
}



/* @end */

/* @group Install Styles */

.installlink a{
    margin:20px 0 0 0;
    padding:10px 30px;
    font-size:14px;
    font-weight:bold;
    background-color: #EDF6FA;
}

.installlink a:hover {
    background-color: #E6E6FF;
}



/* @end */

/* @group Main Page Styling */

#main {
	line-height: 20px;
}

#main p {
	padding-top: 10px;
	padding-left: 10px;
}

#main ol {
	list-style: decimal;
}

#main h4 {
	padding-top: 10px;
}

#main .info {
	font-size: 11px;
	color: #777;
}

/* @end */
